<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{% load i18n %}
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>{% trans "Usage Summary Report" %}</title>
<link rel="stylesheet" href="{{MEDIA_URL}}css/undo.css" type="text/css" media="screen" charset="utf-8"/>
<link rel="stylesheet" href="{{MEDIA_URL|default:"/static/"}}css/main.css" type="text/css" media="screen" charset="utf-8"/>
<script type= "text/javascript">
	        $(document).ready(function(){
	            var csrf_token = $('#csrf_token >div >input').attr("value");
	            var button = $('#button1'), interval;
	            new AjaxUpload(button,{
	                action: '/myapp/ajax-uploader/',
	                name: 'file_obj',
	                  data: {
	                          csrfmiddlewaretoken : csrf_token,
	                        },
              });
          });
	        </script>
</head>
<body>
	<div id="top"><h2>Upload Page</h2></div>
    {% block navi %}<div id="navi">
    		<a href="{% url upload %}">home</a> - <a href="{% url report %}">Report</a> - <a href="{% url graph %}">Graph</a>
    </div>
    {% endblock %}
	<div class="clear"></div>
	{% if messages %}
    <ul class="messages">
        {% for message in messages %}
        <li>{{ message|safe }}</li>
        {% endfor %}
    </ul>
    {% endif %}
    
	<div id="content">{% block content %}{% endblock %}</div>
	{% block js %}{% endblock %}
	<div id="footer" align="center" style="height: 30px; background-color:#335533;">2011 - Usage Sumary</div>
</body>
</html>
